$(function () {
        // 需求1.获取用户信息渲染头像
        getUserInfo()

        // 需求2退出
        $('#logout').on('click', function () {
            layer.confirm('确定退出嘛?',{ icon:3 ,title:'提示'},function (index){
                location.href ='/login.html';
                localStorage.removeItem('token')
                layer.close(index);
            })
        })
})

function getUserInfo () {
    axios({
        url:'/my/userinfo',
        // 通过请求头设置token身份认证
        // headers: {
        //     AuthorIZATION: localStorage.getItem('token')
        // }
    }).then(res => {
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        // 渲染
        renderAvatar(res.data.data)
    })
}
// 渲染用户信息和头像
function renderAvatar(user) {
    // 渲染欢迎,如果有nickname优先渲染nickname
    // ||连接两个值,如果第一个值是false类型,返回第二个值,无论第二个值是什么
    // && 连接两值如果第一个是false类似,直接返回

    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp'+ name)
    // 处理头像-如果有图片头像渲染图片头像-隐藏文字头像,显示图片头像
    if (user.user_pic !== null){
    $('.avatar-text').hide()
    $('.layui-nav-img').show().attr('src',user.user_pic)
} else {
    // 没有图片头像,就渲染文字头像-隐藏图片头像,显示文字头像
    $('.layui-nav-img').hide()
    // 渲染name中的第一个单词字符,而且大写
    let first = name[0].toUpperCase()
    $('.avatar-text').show().html(first)
    
    }
}